<template>
    <el-dialog
            v-fullScreen
            title="M2"
            :visible.sync="visible"
            :close-on-click-modal="false"
            :append-to-body="true"
            width="50%"
    >
        <div class="el-dialog-div">
            <span v-for="i in 100" >
                this is m2:{{i}}<br/>
            </span>
        </div>
    </el-dialog>
</template>
<script>

    export default {
        data() {
            return {
                visible: false,
            }
        },
        methods: {
            show() {
                this.visible = true;
            },
            showM2() {
                this.$refs.M2.show();
            }
        }
    }
</script>
<style scoped>
    .el-dialog-div {
        height: 40vh;
        overflow: auto;
    }
</style>